<template>
  <div>
    <Header></Header>
    <router-view></router-view>
    <Footer v-show="!$route.meta.isHiddenFooter"></Footer>
  </div>
</template>

<script>
import Header from '@/components/Header';  // 后面的index.vue可以省略
import Footer from '@/components/Footer'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  mounted() {
    // ajax.get就相当于是axios.get 返回值是一个promise实例对象
    // 只要是promise实例对象 就会有两个属性 PromiseState  PromiseResult
    // PromiseState 表示状态 
    // PromiseResult  存储数据值的 或是结果值的 只能通过.then方法
    // ajax.get('/api/product/getBaseCategoryList').then(val => {
    //   console.log('成功了...',val)
    // }, reason => {
    //   console.log('失败了...',reason)
    // })

    // reqGetCategoryListData().then(val => {
    //   console.log('vv',val)
    // })

    // 去触发一下store中的actions中的发送异步请求的函数 来获取三级导航数据
    this.$store.dispatch('home/getCategoryListData')
  }
}
</script>

<style>

</style>
